<template>
  <div class="AcrossTown">
    <van-tabs v-model="active">
      <van-tab title="商区"
        >商区
        <van-tree-select
          :items="items"
          :active-id.sync="activeId"
          :main-active-index.sync="activeIndex"
        />
      </van-tab>
      <van-tab title="地铁站">地铁站</van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      items: [1, 2, 3],
      activeId: 1,
      activeIndex: 0,
    };
  },
};
</script>

<style lang="scss" scoped>
.AcrossTown {
  width: 100%;
  background-color: #fff;
  height: 200px;
}
</style>